// @use "element-plus/theme-chalk/src/index.scss" as *;
@import '@/assets/font/bs-icon.css';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul,li {
  list-style: none;
}
body {
  --primary-color: #005CE6;
  --gray-color: #6b748f;
  --border-color: #edf1f6;
  --black: #191D32;
  --ds-color-brand-normal: #005CE6;
  --ds-color-brand-hover: #478bff;
  --ds-color-brand-acitve: #0f4cd9;
  --ds-color-brand-disabled: #99c5ff;
  --ds-color-brand-blue-2: #c2deff;
  --ds-color-brand-background: #ebf5ff;
  --ds-color-text-primary: #262626;
  --ds-color-text-secondary: #595959;
  --ds-color-text-tertiary: #8c8c8c;
  --ds-color-text-disabled: #bfbfbf;
  --ds-color-success-normal: #12b312;
  --ds-color-success-green-2: #d1f7cb;
  --ds-color-success-disabled: #8de184;
  --ds-color-success-hover: #38c233;
  --ds-color-success-background: #ecffe8;
  --ds-color-border: #d9d9d9;
  --ds-fill-color-light: #f2f3f5;
  --ds-color-divide: #f0f0f0;
  --ds-black: #000;
  --ds-white: #fff;
  --ds-color-danger-normal: #fa3946;
  --ds-color-danger-hover: #ff6369;
  --ds-color-danger-acitve: #d42637;
  --ds-color-danger-disabled: #ffb8b5;
  --ds-color-danger-background: #fff1f0;
  --df-color-danger-light-4: #ffe0de;
  --ds-color-warning-background: #fff7e6;
  --ds-color-warning-disabled: #ffcf87;
  --ds-color-warning-light-3: #ffe8bf;
  --ds-color-warning-hover: #ffa136;
  --ds-color-warning-normal: #fa830c;
  --ds-fill-color-stripe: #f7f8fa;
  --el-disabled-text-color: #bfbfbf;
  --ds-color-hover: #f5f5f5;
  --ds-color-active: #e5e5e5;
  --ds-dark-color-hover: #434343;
  --ds-dark-color-active: #5a5a5a;
  --ds-dark-color-text: #acacac;
  --ds-dark-menu-bg-color: #1d1d1d;
  --ds-border-radius: 4px;
  --ds-tag-border-radius: 2px;
  --el-menu-active-color: var(--ds-color-brand-normal);
  --el-color-primary: var(--ds-color-brand-normal);
  --el-text-color-primary: var(--ds-color-text-primary);
  --el-text-color-regular: var(--ds-color-text-secondary);
  --el-text-color-secondary: var(--ds-color-text-tertiary);
  --el-sidebar-divide-line-color: var(--ds-color-divide);
  --el-sidebar-item-height: 40px;
  --el-border-color: var(--ds-color-divide);
  --el-font-weight-primary: 400;
  --el-box-shadow-light: 0px 4px 10px 0px rgba(23, 24, 32, .1);
  --el-box-shadow: 0px 8px 20px 0px rgba(23, 24, 32, .1);
  --el-box-shadow-dark: 0px 16px 40px 0px rgba(23, 24, 32, .11);
  --el-link-disabled-text-color: var(--ds-color-text-disabled);
  --el-font-size-extra-sup-large: 24px;
  --ds-subtitle-margin: 12px;
  --el-input-border-color: var(--ds-color-border);
  --el-input-hover-border: var(--ds-color-brand-normal);
  --el-input-hover-border-color: var(--ds-color-brand-normal);
  --el-radio-text-color: var(--ds-color-text-primary);
  --el-checkbox-text-color: var(--ds-color-text-primary);
  --el-checkbox-font-weight: 400;
  --el-checkbox-input-border: 1px solid var(--ds-color-border);
  --el-select-border-color-hover: var(--el-color-primary);
  --el-radio-input-border: 1px solid var(--ds-color-border);
  --el-transfer-panel-header-bg-color: var(--ds-fill-color-stripe);
  --el-card-border-color: var(--ds-color-border);
  --el-card-padding: 16px 20px;
  --el-border-color: #EDF1F6;
  --el-border-color-hover: var(--ds-color-brand-normal);
  --el-input-placeholder-color:#A3B4CC;
  --el-input-icon-color:#A3B4CC;
  --el-text-color-regular: #344156;
  --el-input-text-color: #344156;
/* 
级联选择器的样式修改
*/
  .el-cascader-node {
    padding: 0 30px 0 16px;
  }
  .el-cascader-menu {
    border-right:solid 1px #EDF1F6;
    color: #6b748f;
  }
  .el-cascader-menu__list {
    padding: 6px 4px;
  }
  .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
   background: rgba(0,92,230,0.05);
  }
  .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active  {
    background: rgba(0,92,230,0.05);
  }
  .el-cascader-node__prefix  {
   display: none;
  }
  /* 
  下拉框样式修改
  */
  .el-select-dropdown__list {
    padding: 6px 4px;
  }
  .el-select-dropdown__item {
    height: 40px;
    line-height: 40px;
  }
   /* 
  form表单样式修改
  */
  .el-form {
    .el-form-item {
      margin-bottom: 20px;

    }
    .el-form-item__label {
      color: #6b748f;
    }
  }

  /** 显示值与可切换编辑的form*/
  .bs-ve-form {
    .el-form-item__label-wrap {
      align-items: center;
      .el-form-item__label {
        height: auto;
        line-height: 1;
      }
    }
    .el-form-item__content {
      height: auto;
      line-height: 1;
    }
    .el-button.is-link {
      padding: 0;
    }
  }

  /* 
  输入框textarea滚动条样式修改
  */
  
.el-textarea__inner::-webkit-scrollbar{
  width: 6px ;
  height: 6px ;
}
.el-textarea__inner::-webkit-scrollbar-thumb {
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background-color: rgba(38,38,38,.2); 
}
.el-textarea__inner::-webkit-scrollbar-track {
 background-color: transparent;
}
// .el-button {
//   --el-button-border-color: #a3b4cc;
// }
.el-button + .el-button {
  margin-left: 16px;
}
/* 
  通用button border 字体是主题色颜色 悬浮#e6effd
  */
.ds-secondary-button {
  border: 1px solid var(--primary-color);
  span {
    color: var(--primary-color);
  }
  &:hover {
    background-color: #e6effd;
  }
}
/* 
  通用二次确认删除框样式修改
  */
.custom-message-box {
  width: 400px;
  padding: 18px 24px 24px 24px;
  .el-message-box__container {
    align-items: normal;
    i {
      margin-top: 4px;
    }
  }
  .el-message-box__content {
    font-size: 16px;
    font-weight: 400;
    color: #191d32;
    line-height: 24px;
    margin-top: 10px;
  }
  .el-message-box__btns {
    padding-top: 46px;
    button {
      min-width: 76px;
    }
    .el-button + .el-button {
      margin-left: 16px;
    }
  }
}
}
html,body,#app {
  background-color: #f2f3f5;
  font-size: 14px;
  min-width: 1200px;
  overflow: hidden;
  height: 100%;
  font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}
a {
  color: inherit;
  text-decoration: inherit;
}



.top-header {
  border-bottom: solid 1px #ececec;
  background-color: #fff;
}
.no-padding-pop {
  padding: 0 !important;
  min-width: auto !important;
}
.bs-app-page {
  .el-main {
    --el-main-padding: 0;
  }
}

.pager-container {
  padding: 16px;
  .pager-container-inner {
    background-color: #fff;
    padding: 16px;
  }
  .list-query-form {
    background-color: #fff;
    padding: 16px;
  }
}

.dialog-content {
  padding: 16px;
}

.bs-table-tooltip {
  max-width: 60%;
}